<template>
  <el-container>
    <el-header>
      <Header></Header>
    </el-header>

    <el-container style="background-color: #ffffff;">
      <el-aside width="200px" >
        <Aside></Aside>
      </el-aside>
      <el-main>
        <router-view />
      </el-main>
    </el-container>
    
  </el-container>
</template>

<script>
import Header from '@/components/Header.vue'
import Footer from '@/components/Footer.vue'
import Aside from '@/components/Aside.vue'
import { useStore } from 'vuex'

export default {
  name: 'index',
  components: {
    Footer,
    Header,
    Aside
},
  setup() {
    const store = useStore()
    store.dispatch('user/getInfo')
  }
}
</script>

<style>
.el-header {
  --el-header-padding: 0 0;
  
}
</style>
